<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax</title>
</head>
<body>
    

    <script>
        // 1 创建对象
        var xhr = new XMLHttpRequest;
        // 2 连接
        xhr.open('get','code/data.json',true);
        // 3 发送
        xhr.send();
        // 4 接收
        xhr.onreadystatechange = function () {  
            // readyState 
            // 0  xhr对象刚创建完毕
            // 1  连接到服务器
            // 2  发送请求 send
            // 3  header 接收完成
            // 4  body   接收完成

            // status http状态码
            // 1xx  消息
            // 2xx  成功
            // 3xx  重定向（重新给一个地址去请求）301 永久重定向（不会在请求了）  302 临时重定向 （下一次有可能再次请求这个服务器） 304 not modified （缓存）
            // 对于成功  2xx 和 304
            // 4xx  请求错误
            // 5xx  服务器错误

            // 接收响应的数据
            //xhr.reponseText 文本格式返回数据
            //xhr.reponseXML  xml格式

        }

    </script>
</body>
</html>